.pivot-view {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  overflow: hidden;
  background-color: #fff;
  font-size: 13px;
  text-align: left;
  line-height: 36px;
}

.pivot-view div {
  box-sizing: border-box;
}

.pivot-view-body .pivot-view-frozen.ddp-header-hide,
.pivot-view-head.ddp-header-hide {visibility:hidden;}

.pivot-view-row.ddp-font11 { font-size: 11px; }
.pivot-view-row.ddp-font13 { font-size: 13px; }
.pivot-view-row.ddp-font15 { font-size: 15px; }

.pivot-view-row.ddp-font-italic { font-style: italic; }
.pivot-view-row.ddp-font-bold { font-weight: bold; }

/*.pivot-view-row.ddp-valign-top div { line-height: 14px !important; }*/
/*.pivot-view-row.ddp-valign-middle div { line-height: 30px !important; }*/
/*.pivot-view-row.ddp-valign-bottom div { line-height: 43px !important; }*/

.pivot-view-row.ddp-valign-top .pivot-view-cell { display:flex; align-items:flex-start; }
.pivot-view-row.ddp-valign-middle .pivot-view-cell { display:flex; align-items:center; }
.pivot-view-row.ddp-valign-bottom .pivot-view-cell { display:flex; align-items:flex-end; }

/*.pivot-view-row.ddp-txt-left { text-align: left; }*/
/*.pivot-view-row.ddp-txt-center { text-align: center; }*/
/*.pivot-view-row.ddp-txt-right { text-align: right; }*/

.pivot-view-row.ddp-txt-left .pivot-view-cell { display:flex; justify-content: flex-start; }
.pivot-view-row.ddp-txt-center .pivot-view-cell { display:flex; justify-content: center; }
.pivot-view-row.ddp-txt-right .pivot-view-cell { display:flex; justify-content: flex-end; }
.pivot-view-cell.ddp-txt-left { display:flex; justify-content: flex-start; }
.pivot-view-cell.ddp-txt-center { display:flex; justify-content: center; }
.pivot-view-cell.ddp-txt-right { display:flex; justify-content: flex-end; }

.pivot-view .pivot-view-body .pivot-view-frozen {line-height:30px !important;}

.pivot-view .pivot-view-row {
  position: absolute;
}
.pivot-view .pivot-view-row .pivot-view-cell {
  position: absolute;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dfdfdf;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 8px;
}
.pivot-view .pivot-view-head {
  position: absolute;
  overflow: hidden;
  border-right: none;
  color: #7b868c;
  border-top: 1px solid #f0f0f0;
}
.pivot-view .pivot-view-head .pivot-view-wrap {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
}
.pivot-view .pivot-view-head .pivot-view-frozen {
  position: absolute;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
}
.pivot-view .pivot-view-head .pivot-view-frozen .pivot-view-cell {
  border-bottom: none;
}
.pivot-view .pivot-view-head .pivot-view-frozen .pivot-view-row:last-child .pivot-view-cell {
  border-bottom: 1px solid #f0f0f0;
}
.pivot-view.pivot-view-scroll-horizontal .pivot-view-head {
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
/* Modified Scroll Style - by harry */
.pivot-view .pivot-view-body {
  position: absolute;
  overflow-x: auto;
  overflow-y: auto;
}
.pivot-view .pivot-view-body.header-none {top:0px !important;}
.pivot-view .pivot-view-body .pivot-view-wrap.header-none {left:0px !important;}
.pivot-view .pivot-view-body .pivot-view-wrap {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
}
.pivot-view .pivot-view-body .pivot-view-wrap .pivot-view-row.odd {
  background-color: #f9f9f9;
}
.pivot-view .pivot-view-body .pivot-view-frozen {
  position: absolute;
  z-index: 2;
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
}

/* Add Click Event Style - by eltriny */
.pivot-view .pivot-view-body .pivot-view-wrap .pivot-view-cell.numeric {
  /*text-align: right;*/
  color: #297bb8;
}
.pivot-view .pivot-axis-x:hover,
.pivot-view .pivot-axis-y:hover {
  border: 1px solid #666eb2 !important;
}
.pivot-view .pivot-axis-selected-body, .pivot-axis-selected-body div,
.pivot-view .pivot-body-hover, .pivot-body-hover div {
  background-color : #e7e7ea !important;
  color: #666eb2 !important;
}
.pivot-view .pivot-body-selected, .pivot-body-selected div,
.pivot-view .pivot-axis-selected {
  background-color: #666eb2 !important;
  color: #FFFFFF !important;
}
/* Add Click Event Style - by eltriny */
.pivot-view .pivot-view-body .span.txt-bottom {position: relative}
.pivot-view span {position:absolute; height: 30px; line-height: 30px;}
.pivot-view span.remark-right {text-align: right; display: block;}
.pivot-view span.remark-left {padding-left: 10px; display: block;}

.pivot-view .pivot-view-body .pivot-total {
  position: absolute;
  overflow: hidden;
}

.pivot-view .pivot-view-body .pivot-total .pivot-total-frozen {
  position: absolute;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
}
.pivot-view .pivot-view-body .pivot-total .pivot-total-wrap {
  position: absolute;
  z-index: 1;
  background-color: #fff;
}
.pivot-resizable-handle {
  cursor: col-resize;
  z-index: 2;
  position: absolute;
  font-size: 0.1px;
  display: block;
  width: 8px;
  right: 0px;
  top: 0px;
  height: 100%;
}

/* Add Click Event Style - by harry */
.pivot-axis-x-sort {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  font-size: 0.1px;
  width: 40px;
  right: 0px;
  top: 0px;
  height: 100%;
  margin: 0 auto;
  padding: 0 5px;
  justify-content: flex-end;
}


/*TODO*/
.btnAlert {cursor: pointer; padding: 15px; background: #303030; color: #fff; text-transform: uppercase; transition:all .3s ease; text-align:center; }
.btnAlert:hover {background:#fff; color:#303030;}